.banner_index{
    position: relative;
    width: 100%;
}

.head_pc{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index:9999;
    padding-top: 3%;
}
.head_pc .container{
    display: flex;
    justify-content: space-between;
}
.head_pc .logo{
    display: block;
    float: left;
    
}
.head_pc .nav{
    float: left;
    
}

.head_pc .nav li{
    display: inline-block;
}
.head_pc .nav a{
    display: block;
    color: #fff;
    line-height: 52px;
    padding:0 24px;
    font-size: 1.6rem;
}
.head_pc .nav a:hover,
.head_pc .nav a.hover{
    background: url(../images/nav_icon.jpg) no-repeat bottom center;
}
.head_pc .head_right{
    line-height: 52px;
    float: right;
    
}
.head_pc .lng{
    display: inline-block;  
    vertical-align: middle;
    background: url(../images/lng_icon.png) no-repeat center;
}
.head_pc .lng li{
    display: inline-block;
}
.head_pc .lng a{
    display: block;
    color: #f5f5f5;
    width: 38px;
    text-align: center;
    
}



.search{
    display: inline-block;
    vertical-align: middle;
    
    width: 144px;
    overflow: hidden;
    border-radius: 28px;
    border: 1px solid #ccc;
}

.search .txt{
    width: 112px;
    padding:0 5px;
    line-height: 28px;
    float: left;
    background: none;
    color: #fff;
    border-radius: 28px;
    border:none;
}

.search .btn{
    float: right;
    line-height: 28px;
    width: 30px;
    border:none;
    background:url(../images/search.png) no-repeat left center;
}

.head .logo{
    display: block;
    line-height: 100px;
    float: left;
    
}
.head .h{
    overflow: visible;
    
}
.head .nav{
    float: right;
    overflow: visible;
    
}
.head .nav .nav_item{
    display: inline-block;
    position: relative;
}
.head .nav .nav_link{
    display: block;
    line-height: 100px;
    padding:0 30px;
    font-size: 16px;
}
.head .nav .nav_item>a:hover,
.head .nav .nav_item>a.hover{
    background-color: #a5763c;
    color: #fff;
}


.head .head_secnav{
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    z-index: 9999;
    background-color: #e8e8e8;
    display: none;
}

.head .head_secnav a{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    letter-spacing: 1px;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.head .head_secnav a:before{
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: #551d87;
    content: '';
    transition: all ease-in-out 0.3s;
}
.head .head_secnav a:hover::before{
    width: 100%;
}



/* 手机端 */



.nav_button {
    overflow: hidden;
    width: 23px;

    position: relative;
display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 999;
    /*display: none;*/
}

.nav_button .nav_bar {
    width: 23px;
    height: 2px;
    display: block;
    margin: 3px 0;
    background: #000;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.nav_button .mid {
    width: 18px;
}

.nav_button.animate .nav_bar {
    background: #949494;
}

.nav_button.animate .top {
    -webkit-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    -o-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
}

.nav_button.animate .mid {
    width: 0;
}

.nav_button.animate .bottom {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    -o-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}


/*nav for mobile*/
.oh {
    overflow: hidden !important;
    height: 100% !important;
}
.head_wap{
    display: none;
}
.nav_m{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    background: #2e2929;
    z-index: 998;
    overflow: hidden;
    overflow-y: scroll;
    padding: 0 15px;
}

.nav_m .head-wap{
    position: fixed;
    height: 90px;
    top: 0;
    background: #2e2929;
    width: 100%;
    max-width: 768px;
    margin-left: -15px;
    z-index: 999;
}

.nav_m .logo{
    width: 134px;
    display: block;
    float: left;
    margin-top: 10px;
}

.nav_m .logo img{
    width: 100%;
    display: block;
}

.nav_m .menu{
    min-height: 100%;
    margin-top: 90px;
    padding-bottom: 60px;
}

.nav_m .main_item{
    overflow: hidden;
    border-bottom: 1px solid #5a5a5a;
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}

.nav_m .main_item:nth-child(2){
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms;
}

.nav_m .main_item:nth-child(3){
    -webkit-transition-delay: 160ms;
    transition-delay: 160ms;
}

.nav_m .main_item:nth-child(4){
    -webkit-transition-delay: 240ms;
    transition-delay: 240ms;
}

.nav_m .main_item:nth-child(5){
    -webkit-transition-delay: 360ms;
    transition-delay: 360ms;
}

.nav_m .main_item:nth-child(6){
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.nav_m .main_item:nth-child(7){
    -webkit-transition-delay: 480ms;
    transition-delay: 480ms;
}

.nav_m .main_item:nth-child(8){
    -webkit-transition-delay: 560ms;
    transition-delay: 560ms;
}

.nav_m .main_item:nth-child(9){
    -webkit-transition-delay: 640ms;
    transition-delay: 640ms;
}

.nav_m .main_item:nth-child(10){
    -webkit-transition-delay: 720ms;
    transition-delay: 720ms;
}

.nav_m .main_item>a{
    display: block;
    line-height: 48px;
    font-size: 14px;
    color: #ccc;
    background: url('../images/public/plus.png') 98% center no-repeat;
    background-size: 12px;
}

.nav_m .menu.show .main_item{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.nav_m .on{
    border: none;
    height: auto;
}

.nav_m .on>a{
    background-image: url('../images/public/minus.png');
}

.nav_m .link>a{
    background-image: url('../images/public/arrow.png');
}

.drop_list{
    display: none;
}


.drop_list a{
    display: block;
    font-size: 14px;
    color: #999;
    border-bottom: 1px solid #5a5a5a;
    text-indent: 20px;
    height: 42px;
    line-height: 42px;
}
.lng_wap{
    display: none;
}

/*热门机型推荐*/


.index_hot{
    padding-top: 5%;
    padding-bottom: 4%;
    background: url(../images/hot_bj.jpg) no-repeat center;
}


.index_hot .hot_left{
    width: 46%;
    float: left;
    
}
.index_hot .hot_type h1{
    font-size: 7.2rem;
    padding-bottom: 1%;
    background: url(../images/type_icon.jpg) no-repeat left bottom;
}

.index_hot .hot_type h2{
    font-size: 3rem;
    padding-top: 2%;
}
.index_hot .hot_icon li{
    display: inline-block;
}
.index_hot .hot_icon img{
    width: auto;
    
}

.index_hot .hot_pro{
    padding-top: 10%;
    background: rgba(255,255,255,0);
}

.index_hot .hot_pro h3{
    font-size: 1.6rem;

}
.index_hot .hot_pro .sum{
    font-size: 1.4rem;
    color: #5c5c5c;
    padding: 3% 0;
    line-height: 24px;
    min-height: 116px;
}

.index_hot .hot_icon li{
    margin-right: 20px;
}
.index_hot .hot_icon p{
    text-align: center;
    line-height: 38px;
}


.index_hot .more{
    display: block;
    width: 220px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background-color: #08619f;
    margin-top: 8%;

}
.index_hot .more span{
    font-family: "simsun";

}

.index_hot .hot_pic{
    width: 50%;
    float: right;
    
}
.index_hot .img{
    width: 100%;
    max-width: 500px;
    max-height: 500px;
    text-align: center;
    height: 100%;
    
}
.index_hot .hot_pic img{
    display: inline;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}


.swiper_case .swiper-slide{
    display: flex;
    justify-content: space-between;
}

.swiper_case .swiper-slide .hot_pic{
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    
}

.swiper_case .direction{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 96px;
    height: 20px;
    display: flex;
    justify-content: space-between;
}
.swiper_case .swiper-button-next2{
    background: url(../images/public/next_icon.png) no-repeat center;
}
.swiper_case .swiper-button-prev2{
    background: url(../images/public/prv_icon.png) no-repeat center;
}
.swiper_case .swiper-button-next2, .swiper_case .swiper-button-prev2{

    height: 26px;
    width: 20px;
    height: 20px;
    -webkit-background-size: contain;
    background-size: contain;
    cursor: pointer;
}


.swiper_case .swiper-slide{
    opacity: 0 !important;
}

.swiper_case .swiper-slide-active{
    opacity: 1 !important;
}


.index_pro{
    padding-top: 4%;
}

.index_pro .index_type{
    margin-bottom: 4%;
    overflow: hidden;
    
}

.index_pro .index_type h1{
    float: left;
    
}
.index_pro .index_type ul{
    float: right;
    
}
.index_pro .index_type li{
    display: inline-block;
    background: url(../images/news_icon.jpg) no-repeat right center;
}
.index_pro .index_type li:last-child{
    background: none;
    
}
.index_pro .index_type li a{
   display: block;
   font-size: 1.8rem;
    color: #5e5e5e; 
    padding:0 18px;
    line-height: 78px;
}

.index_type h1{
    font-size: 3rem;
    padding: 1.5% 0;
    background: url(../images/type_icon.jpg) no-repeat left bottom;
}
.index_pro_rvc{
    background: url(../images/index_pro_bj.png) no-repeat center;
    margin-bottom: 4%;
    padding-top: 3%;
}
.index_pro_rvc a{
    display: block;
    padding: 2px;
}
.index_pro_rvc .img{
    max-width:100%;
	padding: 60px;
    max-height:100%;
    width: 460px;
    height: 450px;
    border:1px solid rgba(255,255,255,0);
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}
.index_pro_rvc .img img{
    width: auto;
    max-width: 100%;
    max-height: 100%;
}
.index_pro_rvc a:hover .img{
    border:1px solid #08619f;
}
.index_pro_rvc h2{
    text-align: center;
    font-size: 1.6rem;
    margin-top: 10%;
}



.index_pro_rvc .owl-theme .owl-controls .owl-nav [class*=owl-]{
    width: 34px;
}



/* 配件中心 */


.index_acce{
    padding: 4% 0;
    background: url(../images/acce_bj.jpg) no-repeat center;
}
.index_acce .index_type h1{
    color: #fff;
}

.index_acce .index_type .sum{
    color: #fff;
    line-height: 24px;
    padding-top: 2%;
    margin-bottom: 4%;
}
.index_acce ul{
    
    overflow: hidden;
    
}
.index_acce ul a{
    display: block;
    width: 240px;
    height: 130px;
    padding:18px 30px;
    background-color: #08619f;
    background: rgba(0,0,0,0.6);
    transition: all ease-in-out 0.3s;
    border-radius: 5px;
}
.index_acce ul li{
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;
}

.index_acce ul .img{
    text-align: right;
    
}
.index_acce ul img{
    display: inline;
}
.index_acce ul i{
    font-style: normal;
    font-size: 2rem;
    color: #fff;
}

.index_acce ul .title{
    padding-top: 4%;
}
.index_acce ul h2{
    font-size: 1.4rem;
    color: #fff;
    padding-top: 6%;
}

.index_acce ul a:hover{
    background-color: #08619f;
}

.index_news{
    padding-top: 3%;
}
.index_news .index_type{
    margin-bottom: 4%;
    overflow: hidden;
    
}

.index_news .index_type h1{
    float: left;
    
}
.index_news .index_type ul{
    float: right;
    
}
.index_news .index_type li{
    display: inline-block;
    background: url(../images/news_icon.jpg) no-repeat right center;
}
.index_news .index_type li:last-child{
    background: none;
    
}
.index_news .index_type li a{
   display: block;
   font-size: 1.8rem;
    color: #5e5e5e; 
    padding:0 18px;
    line-height: 78px;
}


.news_list .uls1{
    width: 42%;
    float: left;
    
}

.news_list .uls1 .time{
    font-size: 2.4rem;
    color: #595959;
}

.news_list .uls1 h4{
    font-size: 1.8rem;
    padding: 3% 14px 3% 0;

    background: url(../images/news_icon1.png) no-repeat right center;
}

.news_list .uls1 .sum{
    color: #7b7b7b;
    line-height: 24px;
    margin-bottom: 3%;
}

.news_list .uls2{
    float: right;
    width: 54%;
}


.news_list .uls2 h4{
    font-size: 1.8rem;
    
}
.news_list .uls2 a{
    display: block;
    padding: 3.4% 0;
    border-bottom: 1px solid #ccc;
}
.news_list .uls2 .title{
    line-height: 24px;
}
.news_list .uls2 i{
    display: inline-block;
    background-color: #203663;
    width: 3px;
    margin:0 18px;
    height: 3px;
   vertical-align: middle;
    
}
.news_list .uls2 h4{
   display: inline-block;
   vertical-align: middle;
   font-size: 1.6rem;
    line-height: 24px;
}

.news_list .uls2 p{
    display: inline-block;
    float: right;
    font-size: 1.8rem;
    color: #7b7b7b;
}

.news_list .uls2 .sum{
    font-size: 1.2rem;
    color: #7b7b7b;
    line-height: 24px;
    padding: 2% 60px 0 40px;
    background: url(../images/news_sum_icon1.png) no-repeat right bottom;
}


.news_list .uls2 a:hover h4{
    color: #08619f;
}


.footer{
    background-color: #2a2a2a;
    margin-top: 4%;
}
.foo_nav{
    border-bottom: 1px solid #5b5b5b;
    margin-bottom: 4%;
}
.foo_nav ul{
    text-align: center;
    display: flex;
    justify-content: space-between;
}
.foo_nav li{
    display: inline-block;
}
.foo_nav a{
    display: block;
    color: #fff;
    font-size: 1.6rem;
    line-height: 80px;
    /*padding:0 86px;*/
    /*background: url(../images/foo_icon.png) no-repeat right center;*/
}
.foo_nav li:first-child a{
    padding-left: 0;
}
.foo_nav li:last-child a{
    padding-right: 0;
    background: none;
}


.foo_center{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.foo_center .index_contact .title{
    font-size: 1.8rem;
    color: #fff;
    margin-bottom: 14px;
}
.foo_center .index_contact h1{
    font-size: 1.4rem;
    line-height: 24px;
}
.foo_center .index_contact{
    color: #fff;
    font-size: 1.4rem;
    color: #b4b4b4;
    line-height: 24px;
}

.foo_center .qd{
    max-width: 127px;
}
.foo_bottom{
    text-align: center;
    padding-top: 2%;
}
.foo_bottom a{
    display: inline-block;
    color: #fff;
    line-height: 60px;
    margin:0 20px;
}


.banner_ab{
    position: relative;
    
}
.pub_left{
    position: absolute;
    width: 100%;
    bottom:26%;
}
.pub_left ul{
    text-align: center;
    
}
.pub_left li{
    display: inline-block;
}
.pub_left li a{
    display: block;
    font-size: 1.8rem;
    color: #fff;
    line-height: 48px;
    padding:0 36px;
    background: rgba(0,0,0,0.3);
    transition: all ease-in-out 0.3s;
}
.pub_left li a:hover,
.pub_left li a.hover{
    background-color: #08619f;
}


.company{
    padding-top: 4%;
    background: url(../images/about_bj.jpg) no-repeat center;
}
.pub_type h1{
    color: #fff;
    
}

.company .pub_type h1{
    text-align: center;
    font-size: 3.6rem;
    padding-bottom: 30px;
    background: url(../images/pub_type.jpg) no-repeat center bottom;
}
.para{
    width: 24%;
    float: left;
    
}
.para li{
    display: flex;
    margin-bottom: 8%;
}
.para li .title{
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    padding-left: 38px;
}
.para li h1{
    color: #fff;
    font-size: 1.8rem;
    padding: 6px 0;
}
.para li h2{
    color: #7f7f7f;
    padding: 6px 0;
    font-size: 1.4rem;
}
.com_con{
    padding: 4% 0;
    overflow: hidden;
    
}
.com_sum{
    width: 36%;
    float: left;
    color: #fff;
    line-height: 30px;
    padding:0 1%;
}

.equ{
    width: 34%;
    float: right;
    position: relative;
    
}
.equ_icon{
    width: 84px;
    height: 42px;
    position: absolute;
    left: -42px;
    bottom: 0;
    overflow: hidden;
    z-index: 9999;
}
.equ_icon div{
    width: 42px;
    height: 42px;
    float: left;
    cursor: pointer;
    
}

.equ_icon .swiper_next{

   background: url(../images/equ_iconr.png) no-repeat center; 
   background-color: #212121;
}
.equ_icon .swiper_prev{

   background: url(../images/equ_iconl.png) no-repeat center;
   background-color: #08619f; 
}

.inno li{
    display: flex;
}
.inno .li1 .cont{
    width: 52%;
    padding-top: 3%;
}
.inno .li1 .img{
    width: 48%;
}
.inno .cont .cont_left{
    width: 72%;
    float: right;
    margin-right: 4%;
}

.inno .cont .cont_left h2{
    font-size: 3.6rem;
    padding: 5% 0;
    background: url(../images/pub_type.jpg) no-repeat left bottom;
}

.inno .cont .cont_left .sum{
    padding: 6% 0;
    line-height: 30px;
}

.inno .li2 .cont{
     padding-top: 3%;
    width: 48%;
}
.inno .li2 .img{
    
    width: 52%;
   
}

.inno .li2 .cont .cont_left{
    float: left;
    margin-left: 4%;
}
.culture{
    padding-top: 4%;
    background-color: #f5f5f5;
}
.culture .pub_type h1{
    color: #333;
    text-align: center;
    font-size: 3.6rem;
    padding-bottom: 30px;
    background: url(../images/pub_type.jpg) no-repeat center bottom;
}

.cul_cont{
    padding: 4% 0;

    display: flex;
    justify-content: space-between;
}
.cul_sum{
    width: 43%;
    display: flex;
    -ms-align-items: flex-end;
    align-items: flex-end;
}

.cul_sum .content{
    line-height: 34px;
}
.cul_sum .img{
    text-align: right;
    
}
.cul_sum .img img{
    display: inline;
}
.cul_sum .img{
    padding-top: 3%;
}

.culmr{
    padding: 4% 0;
}




.culmr .flex{
    display: flex;
    justify-content: space-between;
}
.culmr .img{
    width: 44%;
}

.culmr .cul_detail{
    width: 54%;
    padding-top: 2%;
}
.culmr .title{
    display: flex;
    justify-content: space-between;
}
.culmr .title h1{
    color: #333;
    font-size: 3.6rem;
    padding:4% 0;
    background: url(../images/pub_type.jpg) no-repeat left bottom;
}
.culmr .title i{
    display: block;
    width: 128px;
    background: url(../images/cul_icon2.png) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
}
.culmr .cont{
    line-height:32px;
    padding-top: 8%;
}


.spirit{
    background: url(../images/cul_bj.jpg) no-repeat bottom center;
}
.spirit li{
    padding: 10% 0;
    border-right: 1px solid rgba(255,255,255,0.2);
}
.spirit li:first-child{
    border-left: 1px solid rgba(255,255,255,0.2);
}
.spirit li a{
    display: block;
    padding:0 5%;

}
.spirit .title h1{
    font-size: 2.4rem;
    color: #fff;
    padding:8% 0;
    background: url(../images/pub_type.jpg) no-repeat left bottom;
}

.spirit .sum{
    font-size: 1.4rem;
    color: #fff;
    line-height: 30px;
    padding-top: 20%;
}


.honor{
    background-color: #f5f5f5;
}
.honor_top{
    display: flex;
    justify-content: space-between;
    padding: 4% 0;
}
.honor_cont{
    width: 62%;
    
}
.honor_cont h1{
    font-size: 3rem;
    padding: 3% 0;
    background: url(../images/pub_type.jpg) no-repeat left bottom;
}

.honor_cont .cont{
    line-height: 32px;
    padding-top: 4%;
}
.honor_list{
    padding-top: 3%;
}

.honor_list ul{
    margin:0 -15px;
}
.honor_list li{
    padding:0 15px;
    margin-bottom: 4%;
}

.honor_list a{
    display: block;
    border-bottom: 1px solid #ccc;
}
.honor_list h3{
    text-align: center;
    padding: 6% 0;
    font-size: 1.6rem;
}
.honor_list2{
    padding: 4% 0;
    background: url(../images/honor_bj.jpg) no-repeat center;
}
.honor_list2 .hon_left h1{
    text-align: center;
    color: #fff;
    padding-bottom: 2%;
    background: url(../images/pub_type.jpg) no-repeat center bottom;
}
.honor_rvc{
    padding-top: 3%;
}
.honor_rvc li a{
    display: block;
    padding: 4%;
}

.honor_rvc li h2{
    text-align: center;
    font-size: 1.6rem;
    padding-top: 4%;
    color: #fff;

}

.con1600{
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
    
}

.products{
    padding-top: 4%;
}

/*.pro_left{
    width: 16%;
}
.pro_left li{
    margin-bottom: 4px;
}
.pro_left li a{
    display: block;
    line-height: 48px;
    background-color: #f7f7f7;
    padding:0 20px;
    transition: all ease-in-out 0.3s;
}
.pro_left li a:hover,
.pro_left li a.hover{
    background-color: #08619f;
    color: #fff;
}*/



.product_left{
    width: 18%;
    float: left;
}
.product_left li{
    margin-bottom: 2px;
}

.product_left .lis>a{
    display: block;
    padding-left: 32px;
    margin: 0 auto;
    line-height: 48px;
    background-color: #f2f3f4;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    font-size: 1.6rem;
    
}
.product_left .lis1>a,
.product_left .lis2>a,
.product_left .lis3>a,
.product_left .lis4>a{
	background-color: #8d9fd4;
	color: #f5f5f5;
}
  .product_left .lis i{
    display: block;
    line-height: 48px;
    width: 48px;
    height: 48px;
    float: right;
    background: url(../images/pro_icon2.png) no-repeat center;
  }
.product_left .lis>a:hover i,
.product_left .lis>a.hover i{
    background: url(../images/pro_icon.png) no-repeat center;
}
.product_left .lis>a:hover,
.product_left .lis>a.hover{
    background-color: #3361af;
    color: #fff;
}


.product_left .uls2{
    display: none;
}
.product_left .uls2 a{
    display: block;
    padding-left: 30px;
    line-height: 44px;
    color: #8a8787;
    border-bottom: 1px solid #ccc;
}
.product_left .uls2 a:hover,
.product_left .uls2 a.on{
    color: #08619f;
}

.product_list{
    width: 76%;
    float: right;
}
.product_list .pro_cont p{
	line-height: 26px;
	
}
.product_list .pro_cont img{
	max-width: 800px;
}
.product_list ul{
    margin:0 -15px;
    margin-bottom: 3%;
}
.product_list li{
    padding:0 15px 20px 15px;

}

.product_list h1{
    margin-top: 3%;
    font-size: 1.6rem;
    text-align: center;
    
}

.product_list li .img{
    overflow: hidden;
    
}
.product_list li img{
    transition: all ease-in-out 0.5s;
}
.product_list li a:hover img{
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
    
}
.product_list li a:hover h1{
    color: #08619f;
}
.pro_read{
    display: flex;
}
.pro_read img{
    max-width: 76%;
}
.pro_read .read_left{
    width: 37%;
    background: url(../images/pro_read_bj.jpg) repeat center;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: flex-end;
}
.pro_read .read_left h2{
    width: 68%;
    font-size: 3.6rem;
    color: #08619f;
}


.pro_read .read_rig{
    width: 63%;
    padding: 3% 0;
    background: url(../images/index_pro_bj.png) no-repeat center;
    background-color: #f4f4f4;
}

.pro_read .read_rig .pic{
    width: 80%;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}

.pro_read .read_rig .pic img{
    max-width: 500px;
}

.pro_read .read_title{
    width: 37%;
    /*background: url(../images/pro_read_bj.jpg) repeat center;*/
    display: inline-flex;
    padding-top: 4%;
    justify-content: flex-end;
}
.pro_read .read_title h3{
    width: 68%;
    font-size: 2.4rem;
   
}

.pro_read .read_cont{
    padding: 3% 0;
    width: 63%;
    line-height: 36px;
    border-bottom: 1px solid #ccc;
}

.pro_read .read_cont .cont{
    max-width: 80%;
}
.pro_read .cont p{
    padding-left: 20px;
    line-height: 36px !important;
    background: url(../images/read_icon.png) no-repeat left 13px;
}



.case{
    padding-top: 4%;
}


.case .public_title{
    margin-bottom: 3%;
}
.case ul{
    margin:0 -10px;
}
.case ul li{
    padding:0 10px;
    margin-bottom: 4%;
}

.case ul a{
    display: block;
    background-color: #ededed;
    height: 100%;
}
.case ul .cont{
    padding: 6%;
}
.case ul h2{
    font-size: 3rem;
    padding: 3% 0;
    background: url(../images/pub_type.jpg) no-repeat left bottom;
}

.case ul h3{
    font-size: 2rem;
    padding: 5% 0 3% 0;
}

.case ul .content{
    font-size: 1.4rem;
    color: #5c5c5c;
    line-height: 26px;
}




.exam{
    padding-top: 4%;
}
.public_title h1{
    font-size: 3.6rem;
    padding: 1.2% 0;
    text-align: center;
    
    background: url(../images/pub_type.jpg) no-repeat center bottom;
}

.exam .public_title{
    margin-bottom: 3%;
}
.exam ul{
    margin:0 -10px;
}
.exam ul li{
    padding:0 10px;
    margin-bottom: 4%;
}

.exam ul a{
    display: block;
   
}

.exam ul h2{
    text-align: center;
   color: #505050;
   font-size: 1.6rem;
   padding: 4% 0;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.service{
    padding-top: 3%;
}
.service .service_top{
    display: flex;
    padding-top: 4%;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.service .sevice_left{
    width: 32%;
}
.service .service_img{
    width: 66%;
}

.service .sevice_left ul h4{
    text-align: center;
    padding-top: 12%;
}

.service .sevice_left .sum{
    color: #7b7b7b;
    line-height: 28px;
    padding-top: 10%;
}

.service .sevice_left .ser_tel{
    text-align: center;
    width: 80%;
    margin: 0 auto;
    line-height: 46px;
    color: #fff;
    font-size: 1.6rem;
    margin-top: 14%;
    background-color: #08619f;
}


.service_list{
    margin-top: 4%;
    background: url(../images/service_bj.jpg) no-repeat center;
}
.service_list table{
    border:1px solid rgba(177,203,243,0.2);
}
.service_list table h5{
    text-align: center;
    color: #5280c3;
    font-size: 3.4rem;
}
.service_list table .sum{
    color: #fff;
    text-align: center;
    padding-top: 4%;
}

.service_list table td{
    width: 23%;
    padding: 6% 1%;
}

.down{
    padding-top: 3%;
}
.down ul{
    padding: 3% 0;
}
.down ul{
    margin:0 -23px;
}
.down li{
    padding: 23px;
}
.down li a{
    display: flex;
    justify-content: space-between;
    
    border-bottom: 1px solid #ccc;

}
.down li h3{
   color: #636363;
   line-height: 80px;
    font-size: 1.8rem;
    padding-left: 14px; 
}
.down li i{
    display: block;
    width: 50px;
    height: 80px;
    background: url(../images/down_icon2.png) no-repeat center;
}
.down li a:hover h3{
    color: #08619f;
}
.down li a:hover i{
   background: url(../images/down_icon.png) no-repeat center; 
}



/* 联系我们 */

.contact_tit{
    padding-top: 3%;
}
.contact{
    display: flex;
    padding-top: 4%;
}
.contact .cont_left{
    width: 40%;
    padding: 3% 0;
    background: url(../images/pro_read_bj.jpg) repeat center;
    display: inline-flex;
    justify-content: flex-end;
}
.contact .cont_left .info{
    width: 78%;
}

.contact .cont_left .info_con h1{
    font-size: 3.6rem;
    margin-bottom: 3%;
}
.contact .cont_left .info_con p{
    font-size: 1.6rem;
    line-height: 32px;
    color: #313131;
}




.cont_botom{
   
    
}
.cont_botom ul{
    display:flex;
    width: 60%;
    padding: 6% 0;
    justify-content: space-between;
}
.cont_botom ul li{
    
}

.cont_botom ul .icon{
    border-radius: 50%;
    background-color: #434343;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}
.cont_botom ul p{
    text-align: center;
    padding-top: 10px;
    font-size: 18px;
}
.cont_botom ul img{
    display: inline;
}


.cont_botom .advisory{
    width: 60%;
}
.cont_botom .advisory a{
    display: inline-block;
    width: 322px;
    line-height: 52px;
    background-color: #f2f2f2;
    text-align: center;
    font-size: 18px;
}
.cont_botom .advisory p{
    display: inline-block;
    padding-left: 40px;
    background: url(../images/contact.png) no-repeat left center;
}


.contact .cont_rig{
    width: 60%;

}

.contact #map{
    width:78%;
    margin-top: 0;
    height: 100%;
}

.join_mess .pubm_tit h1{
    width: 70%;
    padding-top: 4%;
    font-size: 3.6rem;
}
.join_mess{
    display: flex;
    padding-top: 4%;
}
.join_mess .mess_info{
    width: 78%;
}
.join_mess .pubm_tit{
     width: 40%;
    
    display: inline-flex;
    
    justify-content: flex-end;
}

.join_mess form{
    width: 60%;
}
.join_mess .mess_input{
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    justify-content: space-between;
}
.join_mess .mess_input input{
    border:1px solid #ccc;
    width: 48%;
    padding:0 5px;
    line-height: 50px;
}

.join_mess textarea{
    display: block;
    width: 100%;
    height: 200px;
    line-height: 50px;
    padding:0 5px;
    border:1px solid #ccc;
    font-family: "微软雅黑"
}

.join_mess .submit{
    width: 298px;
    margin: 30px auto;
    
    text-align: center;
    

}
.join_mess .submit input{
    display: block;
    width: 100%;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    background-color: #08619f;
}




.join {
    margin-top: 4%;
}

.join .col-12 {
    margin-bottom: 20px;
}

.join .col-12 .icon {
    display: block;
    float: left;
    line-height: 4rem;
    text-align: center;
}

.join .tit {
    overflow: hidden;
    background: #f2f2f2;
    cursor: pointer;
}

.join .icon {
    /*width: 40px;*/
    font-size: 2.4rem;
    font-family: "Microsoft YaHei";
    float: left;
    /*border-right: 1px solid #e3e3e3;*/
}

.join .col-12 h3 {
    float: left;

    line-height: 4rem;
    margin: 0;
    padding: 0 10px;
    font-size: 1.6rem;
}

.join .time {
    display: block;
    line-height: 4rem;
    float: right;
    padding-right: 10px;
    text-align: right;
}

.join .summary {
    padding: 2%;
    display: none;
    font-size: 1.4rem;
    line-height: 24px;
}

.join .origin_over h3,
.join .origin_over span {
    color: #e70012;
}


.join .tit{
    display: flex;
    /*padding:0 4%;*/
    background-color: #08619f;
    justify-content: space-between;
}

.join .tit p{
    color: #fff;
    width: 16.6%;
    text-align: center;
    font-size: 1.8rem;
    line-height: 50px;
}
.join_list{
    border-bottom: 1px solid #ccc;
}
.join_list_tit{
    display: flex;
    background-color: #e8edf0;
    /*justify-content: space-between;*/
}

.join_list_tit p{
    width: 16.6%;
    text-align: center;
    line-height: 46px;
    font-size: 1.6rem;
}
.join .summary{
    overflow: hidden;
    
    background-color: #f7f7f7;
}
.join .summary .content{
    margin-bottom: 1%;
}
.join .summary h4{
    font-size: 1.6rem;
    padding-left: 20px;
    line-height: 40px;
    background: url(../images/join_icon.jpg) no-repeat left center;
}

.join .link{
    display: block;
    width: 164px;
    line-height: 50px;
    text-align: center;
    background-color: #08619f;
    color: #fff;
    float: right;
    
}
.news ul{
    margin: 3% 0;
}
.news li a{
    display: flex;
    overflow: hidden;
    padding: 3% 0;
    border-bottom: 1px solid #ccc;
}
.news li .time{
    max-width: 75px;
    width: 100%;
    height: 95px;
    text-align: center;
    float: left;
    
    background-color: #f5f5f5;
}
.news li .time i{
    display: block;
    width: 60px;
    margin: 0 auto;
    font-size: 3.6rem;
    color: #08619f;
    font-style: normal;
    font-weight: bold;
    line-height: 58px;
    border-bottom: 1px solid #ccc;
}

.news li .time p{
    color: #08619f;
    line-height: 30px;
    letter-spacing: 1px;
}

.news li .news_info{
    float: left;
    width: 77%;
    margin:0 4%;
    position: relative;
}

.news .news_info h2{
    font-size: 2rem;
}

.news .news_info .sum{
    padding: 2% 0;
    line-height: 24px;
    color: #808080;
}

.news .img{
    float: right;
    
}
.news li a:hover h2{
    color: #08619f;
}


.news .news_info .news_icon{
    position: absolute;
    left: 0;
    bottom: 0;
    padding:0 10px;
    line-height: 30px;
    border:1px solid #ccc;
    /*width: 20px;*/
    /*height: 40px;*/
    transition: all ease-in-out 0.2s;
    /*background: url(../images/news_icon.png) no-repeat center;*/
}
.news li a:hover .news_icon{
    color: #fff;
    background-color: #08619f;
}

.news_read{
    padding-top: 2%;
}
.news_read h1{
    text-align: center;
    font-size: 3rem;
}

.news_read .time{
    text-align: center;
    padding: 1.5% 0;
    color: #808080;
    border-bottom: 1px solid #ccc;
}

.news_read .read_con{
    padding: 2%;
    line-height: 26px;
}

#pagination{
    margin-top: 4%;
}

.img_wap{
    display: none;
}
.public_title h1{

    font-size: 3rem;
    text-align: center;
    padding: 3% 0;
    background: url(../images/pub_type.jpg) no-repeat center bottom;
}
.time_wap,
.sum_wap,
.join .cont_f{
    display: none;
}

.product_left_wap{
  display: none;
}





.product_left_wap{
    width: 100%;
    /* float: left; */
}
.product_left_wap li{
    margin-bottom: 2px;
}

.product_left_wap .lis>a{
    display: block;
    padding-left:10px;
    margin: 0 auto;
    line-height: 30px;
    background-color: #f2f3f4;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    font-size: 1.6rem;
    
}


.product_left_wap .lis i{
    display: block;
    line-height: 30px;
    width: 48px;
    height: 30px;
    float: right;
    background: url(../images/pro_icon2.png) no-repeat center;
  }
.product_left_wap .lis>a:hover i,
.product_left_wap .lis>a.hover i{
    background: url(../images/pro_icon.png) no-repeat center;
}
.product_left_wap .lis>a:hover,
.product_left_wap .lis>a.hover{
    background-color: #3361af;
    color: #fff;
}